import React from 'react';
import '../assets/stylesheets/footer.css';

export default class Footer extends React.Component {
    constructor(props) {
        super(props);
    }
    friendShip1=()=>{
        window.open("https://www.ctrip.com/");
    }
    friendShip2=()=>{
        window.open('https://www.12306.cn/index/');
    }
    render(){
        return(
            <div id="footer-box">
                <div>
                    <div>
                        <h3>免责申明</h3>
                        <div>本网站只提供查询和预订机票，其他问题与本网站无关</div>
                    </div>
                    <div>
                        <h3>友情链接</h3>
                        <div className="link">
                            <p onClick={this.friendShip1}>携程</p>
                            <p onClick={this.friendShip2}>12306</p>
                        </div>
                    </div>
                    <div>
                        <h3>联系我们</h3>
                        <div>
                            <p>qq:1234567890</p>
                            <img src={require("../assets/images/QR_code.png")}></img>
                        </div>
                    </div>
                    <div>
                        <h3>关于我们</h3>
                        <div>致力于打造一个为人们服务的便携机票预订网站</div>
                    </div>
                </div>
            </div> 
        );
    }
}
            